<template>
	<view>
		<view class="search-container">
			<view class="header">
				<uni-search-bar style="width: 100%;" placeholder="搜索演出/艺人/剧院" bgColor="#EEEEEE" @confirm="search" />
			</view>
			<view class="content">
				<view class="history-record">

				</view>
				<view class="hot-search">

				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		onUnmounted,
		watch,
		watchEffect
	} from 'vue';
	import { onShow, onHide, onUnload, onLoad } from '@dcloudio/uni-app';

</script>

<style lang="scss" scoped>
	.search-container {
		width: 100%;
		min-height: 100vh;
		height: auto;
		background: #f8f8fe;
		box-sizing: border-box;

		.header {
			width: 100%;
			box-sizing: border-box;
			padding: 0px 15px;
			display: flex;
			align-items: center;
			height: 72px;
			background: #fff;
			top: 0px;
			position: fixed;
		}

		.content {
			width: 100%;
			height: auto;
		}
	}
</style>